<template>
	<view class="mx-24 mt-24 rd-16 bgc-white">
		<image
			class="w-full h-278 rd-16"
			:src="detail.shopLogo"
			mode="aspectFill"
		></image>

		<view class="pa-24">
			<view class="fd-r">
				<text class="flex1 fs-28 fw-b text-231815">{{detail.shopDescription}}</text>
				<image
					class="w-42 h-42"
					src="/static/share1.png"
					mode=""
				></image>
			</view>
			<view v-if="false" class="mt-12 fd-r ai-fs">
				<view class="flex1">
					<text class="fs-28 fw-b text-231815 lines1">
						厦门市集美区软件园二期C02栋19楼
					</text>
					<text class="mt-24 fs-24 text-7D7D7D">
						点击获取商家距离
					</text>
					<view class="mt-16 fd-r">
						<tm-icon
							:font-size="24"
							name="tmicon-position"
							color="#666666"
						></tm-icon>
						<text class="ml-8 text-18 text-7D7D7D">
							距离500米 步行5分钟
						</text>
					</view>
				</view>
				<view class="ml-12 fd-c ai-c">
					<image
						class="w-52 h-52"
						src="/static/car.png"
						mode=""
					></image>
					<text class="mt-8 text-14 text-7D7D7D">打车</text>
				</view>
				<view class="mt-12 mx-12 w-2 h-28 bg-C9C7C7"></view>
				<view class="fd-c ai-c">
					<image
						class="w-52 h-52"
						src="/static/phone.png"
						mode=""
					></image>
					<text class="mt-8 text-14 text-7D7D7D">电话</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>

const props = defineProps({
	detail: {
		type: Object,
		default: () => ({})
	}
});
</script>

<style></style>
